<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生端外出申请记录</title>
    <link rel="stylesheet" href="../../../css/bootstrap.min.css">
    <link href="../../../css/main_pc.css" rel="stylesheet">
    <link rel="stylesheet" href="../../../css/pc_student_parent.css">
    <script src="../../../js/jquery.min.js"></script>
    <script src="../../../js/DateUtils.js"></script>
    <script src="../../../backend/javascript/layer/layer.js"></script>
    <script src="../../../js/left_nav_height.js"></script>
    <script src="../../../js/apply.record_pc_student.js"></script>

</head>
<body>
<nav class="navbar navbar-default nav-main" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img class="fl" src="../../../images/img_logo_02.png" alt="logo">
                <span class="fl logo-title">校园门禁管理系统</span>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right right-height">
                <li class="">
                    <span>姓名：</span>
                    <span id="stu_name"></span>
                </li>
                <li class="">
                    <span>班级：</span>
                    <span id="class_name"></span>
                </li>
                <li>
                    <button class="exit-btn">退出</button>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="container">
    <ul class="left-nav fl text-center">
        <li class="left-nav-item ">刷卡记录</li>
        <li class="left-nav-item left-nav-active">外出审批记录</li>
    </ul>
    <div  class="right-detail fl">
        <button class="apply-out"><span class="glyphicon glyphicon-plus" style="font-size: 30px;font-weight:900"></span> 申请外出</button>

        <nav class="pagination-table">
            <ul class="pagination">
                <li class=""><a href="#">首页</a></li>
                <li class=""><a href="#">&laquo;</a></li>
                <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
                <li class=""><a href="#">末页</a></li>
            </ul>
        </nav>
    </div>
</div>

<footer class="text-center">
    <p class="footer-p">©广东省华侨职业技术学校 粤ICP备 0508538号</p>
</footer>
</body>
</html>